<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'right.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="<%=basePath %>css/styles.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath %>bootstrap/css/stilearn.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="<%=basePath %>bootstrap/css/font-awesome.css" rel="stylesheet" />
	<%-- <link rel="stylesheet" type="text/css" href="<%=basePath %>bootstrap/css/bootstrap-responsive.min.css"> --%>
	<script type="text/javascript" src="<%=basePath %>js/jquery-2.0.0.js"></script>
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/bootstrap.min.js"></script>
	
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/uniform/jquery.uniform.js"></script>
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/datatables/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="<%=basePath %>bootstrap/js/datatables/DT_bootstrap.js"></script>
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/stilearn-base.js"></script>
	
	<script type="text/javascript" src="<%=basePath %>js/common/right.js"></script>
	
<style type="text/css">
.body {
	/**padding: 10px 10px;**/
	
}
.main {
	border: 1px solid #D3D3D3;
	border-left:0px ;
	margin: 0 0px 0 0;
	height: 98%;
}
.toolbar {
	height: 40px;
	line-height: 40px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #D3D3D3;
	padding: 0 60px;
}
.bookTypeBar {
	border: 0px solid black;
	/* position: absolute; */
	margin:4px 5px 0 0;
	float: left;
}
.toolbar-left {
	float: left;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
.toolbar-right {
	float: right;
	margin-right: 60px;
	font-weight: bold;
}
.content{
	border: 1px solid #D3D3D3;
	margin: 0px 0px;
	height: 90%;
} 
</style>
  </head>
  
 <body class="body">
 <div class="main">
	 <div class="toolbar">
	 	<!-- <div class="toolbar-left text-warning">接入指南</div>
	 	<div class="toolbar-right"><a href="javascript:;">返回</a></div> -->
	 	
	 	<span class="bookTypeBar"><button type="button" class="btn btn-success btn-sm">button1</button></span>
	 	<span class="bookTypeBar"><button type="button" class="btn btn-primary btn-sm">button1</button></span>
	 	<span class="bookTypeBar"><button type="button" class="btn btn-primary btn-sm">button1</button></span>
	 	<span class="bookTypeBar"><button type="button" class="btn btn-primary btn-sm">button1</button></span>
	 	<span class="bookTypeBar"><button type="button" class="btn btn-primary btn-sm">button1</button></span>
	 	<span class="bookTypeBar"><button type="button" class="btn btn-primary btn-sm">button1</button></span>
	 	<span class="bookTypeBar"><button type="button" class="btn btn-primary btn-sm">button1</button></span>
	 	
	 	<!-- 按钮组 -->
	 	<!-- <div class="btn-group" data-toggle="buttons-radio">
                    <button class="btn btn-primary">Left</button>
                    <button class="btn btn-primary">Middle</button>
                    <button class="btn btn-primary">Right</button>
                  </div> -->
	 	
	 </div>
	 <div class="content">
	 	 <!--  <br><button class="btn btn-warning">Active</button> -->
	 	 <!-- tables -->
         <!-- content-body -->
                <!-- content-body -->
                       <!--  <div class="content-body"> -->
                            <!-- tables -->
                            <!--datatables-->
                            <div><!-- <div class="row-fluid"> -->
                                <div><!-- <div class="span12"> -->
                                    <div class="box corner-all">
                                        <!-- <div class="box-header grd-white corner-top">
                                            <div class="header-control">
                                                <a data-box="collapse"><i class="icofont-caret-up"></i></a>
                                                <a data-box="close" data-hide="bounceOutRight">&times;</a>
                                            </div>
                                            <span>Datatables</span>
                                        </div> -->
                                        <div class="box-body">
                                            <table id="datatables" class="table table-bordered table-striped responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Rendering engine</th>
                                                        <th>Browser</th>
                                                        <th>Platform(s)</th>
                                                        <th>Engine version</th>
                                                        <th>CSS grade</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr class="odd gradeX">
                                                        <td>Trident</td>
                                                        <td>Internet
                                                            Explorer 4.0</td>
                                                        <td>Win 95+</td>
                                                        <td class="center"> 4</td>
                                                        <td class="center">X</td>
                                                    </tr>
                                                    <tr class="even gradeC">
                                                        <td>Trident</td>
                                                        <td>Internet
                                                            Explorer 5.0</td>
                                                        <td>Win 95+</td>
                                                        <td class="center">5</td>
                                                        <td class="center">C</td>
                                                    </tr>
                                                    <tr class="odd gradeA">
                                                        <td>Trident</td>
                                                        <td>Internet
                                                            Explorer 5.5</td>
                                                        <td>Win 95+</td>
                                                        <td class="center">5.5</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="even gradeA">
                                                        <td>Trident</td>
                                                        <td>Internet
                                                            Explorer 6</td>
                                                        <td>Win 98+</td>
                                                        <td class="center">6</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="odd gradeA">
                                                        <td>Trident</td>
                                                        <td>Internet Explorer 7</td>
                                                        <td>Win XP SP2+</td>
                                                        <td class="center">7</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="even gradeA">
                                                        <td>Trident</td>
                                                        <td>AOL browser (AOL desktop)</td>
                                                        <td>Win XP</td>
                                                        <td class="center">6</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Firefox 1.0</td>
                                                        <td>Win 98+ / OSX.2+</td>
                                                        <td class="center">1.7</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Firefox 1.5</td>
                                                        <td>Win 98+ / OSX.2+</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Firefox 2.0</td>
                                                        <td>Win 98+ / OSX.2+</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Firefox 3.0</td>
                                                        <td>Win 2k+ / OSX.3+</td>
                                                        <td class="center">1.9</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Camino 1.0</td>
                                                        <td>OSX.2+</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Camino 1.5</td>
                                                        <td>OSX.3+</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Netscape 7.2</td>
                                                        <td>Win 95+ / Mac OS 8.6-9.2</td>
                                                        <td class="center">1.7</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Netscape Browser 8</td>
                                                        <td>Win 98SE+</td>
                                                        <td class="center">1.7</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Netscape Navigator 9</td>
                                                        <td>Win 98+ / OSX.2+</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.0</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">1</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.1</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">1.1</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.2</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">1.2</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.3</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">1.3</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.4</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">1.4</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.5</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">1.5</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.6</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">1.6</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.7</td>
                                                        <td>Win 98+ / OSX.1+</td>
                                                        <td class="center">1.7</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Mozilla 1.8</td>
                                                        <td>Win 98+ / OSX.1+</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Seamonkey 1.1</td>
                                                        <td>Win 98+ / OSX.2+</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Gecko</td>
                                                        <td>Epiphany 2.20</td>
                                                        <td>Gnome</td>
                                                        <td class="center">1.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Webkit</td>
                                                        <td>Safari 1.2</td>
                                                        <td>OSX.3</td>
                                                        <td class="center">125.5</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Webkit</td>
                                                        <td>Safari 1.3</td>
                                                        <td>OSX.3</td>
                                                        <td class="center">312.8</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Webkit</td>
                                                        <td>Safari 2.0</td>
                                                        <td>OSX.4+</td>
                                                        <td class="center">419.3</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Webkit</td>
                                                        <td>Safari 3.0</td>
                                                        <td>OSX.4+</td>
                                                        <td class="center">522.1</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Webkit</td>
                                                        <td>OmniWeb 5.5</td>
                                                        <td>OSX.4+</td>
                                                        <td class="center">420</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Webkit</td>
                                                        <td>iPod Touch / iPhone</td>
                                                        <td>iPod</td>
                                                        <td class="center">420.1</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Webkit</td>
                                                        <td>S60</td>
                                                        <td>S60</td>
                                                        <td class="center">413</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera 7.0</td>
                                                        <td>Win 95+ / OSX.1+</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera 7.5</td>
                                                        <td>Win 95+ / OSX.2+</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera 8.0</td>
                                                        <td>Win 95+ / OSX.2+</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera 8.5</td>
                                                        <td>Win 95+ / OSX.2+</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera 9.0</td>
                                                        <td>Win 95+ / OSX.3+</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera 9.2</td>
                                                        <td>Win 88+ / OSX.3+</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera 9.5</td>
                                                        <td>Win 88+ / OSX.3+</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Opera for Wii</td>
                                                        <td>Wii</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Nokia N800</td>
                                                        <td>N800</td>
                                                        <td class="center">-</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>Presto</td>
                                                        <td>Nintendo DS browser</td>
                                                        <td>Nintendo DS</td>
                                                        <td class="center">8.5</td>
                                                        <td class="center">C/A<sup>1</sup></td>
                                                    </tr>
                                                    <tr class="gradeC">
                                                        <td>KHTML</td>
                                                        <td>Konqureror 3.1</td>
                                                        <td>KDE 3.1</td>
                                                        <td class="center">3.1</td>
                                                        <td class="center">C</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>KHTML</td>
                                                        <td>Konqureror 3.3</td>
                                                        <td>KDE 3.3</td>
                                                        <td class="center">3.3</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                    <tr class="gradeA">
                                                        <td>KHTML</td>
                                                        <td>Konqureror 3.5</td>
                                                        <td>KDE 3.5</td>
                                                        <td class="center">3.5</td>
                                                        <td class="center">A</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            
                                        </div><!-- /box-body -->
                                    </div><!-- /box -->
                                </div><!-- /span -->
                            </div><!--/datatables-->     
                            </div>   
 </div>
 
 
 <script type="text/javascript">
            $(document).ready(function() {
                // try your js
                
                // uniform
                //$('[data-form=uniform]').uniform();
                
                // datatables
                $('#datatables').dataTable( {
                    "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                    "sPaginationType": "bootstrap",
                    "oLanguage": {
                            "sLengthMenu": "_MENU_ records per page"
                    }
                });
                
                // datatables table tools
                /* $('#datatablestools').dataTable({
                    "sDom": "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                    "oTableTools": {
                        "aButtons": [
                            "copy",
                            "print",
                            {
                                "sExtends":    "collection",
                                "sButtonText": 'Save <span class="caret" />',
                                "aButtons":    [ 
                                    "xls", 
                                    "csv",
                                    {
                                        "sExtends": "pdf",
                                        "sPdfOrientation": "landscape",
                                        "sPdfMessage": "Your custom message would go here."
                                    }
                                ]
                            }
                        ],
                        "sSwfPath": "js/datatables/swf/copy_csv_xls_pdf.swf"
                    }
                }); */
            });
      
        </script>
 
</body>
</html>
